<template>
  <div id="app">
    <!-- <transition
      @after-enter="$vux.bus && $vux.bus.$emit('vux:after-view-enter')"
      :name="viewTransition"
      :css="!!direction"
    > -->
      <router-view></router-view>
    <!-- </transition> -->
  </div>
</template>
<script>
import { mapState, mapActions, mapGetters } from "vuex";
import {getUrlKey,setUser} from "@/api/token"
export default {
  name: "app",
  created(){
   setUser(decodeURIComponent(getUrlKey("token")));
  },
  computed: {
    ...mapGetters({
      direction: "direction"
    }),
    viewTransition() {
      if (!this.direction) return "";
      return "vux-pop-" + (this.direction === "forward" ? "in" : "out");
    }
  }
};
</script>

<style lang="less">
@import "~vux/src/styles/reset.less";
#app{
   //background-color: black !important;
}
body {
  background-color: #fbf9fe;
}
</style>
